<template>
  <div>
   <listheader v-bind='info'/>
  </div>
    <div class="card_content">
      <playlist :songList="songlist" showTime iconName="icon-yinle1" />
    </div>
</template>

<script lang="ts" setup>
import listheader from '@/components/listHeader/src/listheader.vue';
import playlist from '@/base-ui/TList/src/playList.vue';
import { useStore } from '@/store';
import { onMounted,computed } from 'vue';

const info = {}

const store = useStore()
const songlist = store.state.songListInfo.songInfo




</script>
<style lang="less" scoped>

.card_content{
  margin-top: -30px;
  margin-left: 500px;
  width: 1000px;
  height: 500px;
  position: absolute;
}
</style>
